<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
	@import "../dojo/dijit/themes/tundra/tundra.css";	
	table{margin:0px;padding:0px;border:0}
		
	.tundra .dijitTitlePaneContentInner {
	padding:0px;
	}
</style>
<script language="javascript" src="../dojo/dojo/dojo.js" djConfig="parseOnLoad: true, isDebug: false"></script>
<script language="JavaScript" type="text/javascript">

	dojo.require("dijit.layout.LayoutContainer");
	dojo.require("dijit.layout.ContentPane");	
	dojo.require("dijit.layout.SplitContainer");
	dojo.require("dijit.layout.TabContainer");
	dojo.require("dijit.layout.AccordionContainer");
	dojo.require("dijit.Dialog");
	dojo.require("dijit.TitlePane");
	dojo.require("dojo.parser");
	dojo.require("dojox.layout.ContentPane");
		
function addTab(title,url){
	var tt=document.createElement("DIV");
	var tab=new dojox.layout.ContentPane({title:title,href:url,closable:true},tt);
	dijit.byId("mainTab").addChild(tab);
	dijit.byId("mainTab").selectChild(tab);
}
</script>
</head>

<body class="tundra" topmargin="0" leftmargin="0">
<div dojoType="dijit.layout.LayoutContainer"
	style="width: 100%; height: 100%; "
>	
	<div dojoType="dijit.layout.ContentPane" layoutAlign="top" style="height:50px ">
		<table width="100%" height="50px" bgcolor="#ffffff" cellpadding="0" cellspacing="0" style="background-repeat:no-repeat" background="../img/top1.jpg">
			<tr>
				<td style="border-bottom:solid 1px #666666">&nbsp;</td>
				<td style="border-bottom:solid 1px #666666" align="right" valign="bottom">
					首页&nbsp;&nbsp;
					计算器&nbsp;&nbsp;
					退出&nbsp;&nbsp;
				
				</td>
			</tr>
		</table>
	</div>
	<div dojoType="dijit.layout.SplitContainer"
		orientation="horizontal"
		sizerWidth="7"
	 	layoutAlign="client"
		activeSizing="true"
	>	
		<div dojoType="dijit.layout.AccordionContainer" duration="200"
			sizeShare="25"
		>
			<div dojoType="dijit.layout.AccordionPane" title="a">
			aaaa
			</div>
			<div dojoType="dijit.layout.AccordionPane" title="b">
			bbb
			</div>
			<div dojoType="dijit.layout.AccordionPane" title="c">
			ccc
			</div>
		</div>
		
		<div id="mainTab" dojoType="dijit.layout.TabContainer" sizeShare="75">
			<div id="tab1" dojoType="dijit.layout.ContentPane" title="欢迎页面">
				<button onClick="addTab('新标签1','t1.htm');"> add Tab1</button><br>
				<button onClick="addTab('新标签2','t2.htm');"> add Tab2</button>
			</div>
		</div>
	</div>
</div>
</body>
</html>